// <template>
//   <view style="background-color: #f3f5f7;height: 100vh;">
//     <view class="searchPP">
//       <image
//         @click="goBackM"
//         style="width: 0.6rem; height: 1rem; padding: 0rem 0.5rem 0rem 0rem"
//         src="../../style/image/cargo/leftarow.jpg"
//         alt=""
//       />
//       <view class="searchP">
//         <view class="search" :style="{ width: '100%' }">
//           <u-search
//             placeholder="请输入订单号"
//             shape="round"
//             v-model="keywordOrder"
//             :show-action="false"
//           ></u-search>
//         </view>
//         <!-- <view @click="celendarM" class="celendar">
//                 <image :style="{ width:'1.1rem',height:'1.1rem', margin:'0rem 0.5rem'}" src="../../style/image/stati/日历@3x.png" alt="">
//                 <view>2019.10.09</view>
//                 </view> -->
//       </view>
//     </view>

//     <view>
//       <view class="classesifyP">
//         <view class="classesify">
//           <view
//             :class="selectIfy == 1 ? 'classesify-puc' : 'classesify-pucs'"
//             @click="pucM"
//           >
//             本人
//           </view>
//           <!-- <view class="classesify-pucs" @click="pucM" v-else>代理12</view> -->

//           <view class="classesify-bus" @click="busM" v-if="selectIfy === 1">
//             下级
//           </view>
//           <view class="classesify-buss" @click="busM" v-else>下级</view>
//         </view>
//       </view>
//     </view>

//     <!-- 本人 -->

//     <view v-show="selectIfy === 1">
//       <view style="background-color: white">
//         <u-dropdown>
//           <u-dropdown-item
//             v-model="value1"
//             title="全部商户"
//             active-color='#02af74'
//             :options="options1"
//           ></u-dropdown-item>
//           <u-dropdown-item
//             v-model="value2"
//             title="全部设备"
//             active-color='#02af74'
//             :options="options2"
//           ></u-dropdown-item>
//         </u-dropdown>
//       </view>

//       <view
//         class="totle-price"
//         style="
//           font-size: 0.72rem;
//           padding: 0.5rem;
//           font-family: PingFang SC;
//           font-weight: 300;
//           color: #666666;
//           display: flex;
//           justify-content: center;
//         "
//       >
//         <!-- 本人订单数:30个 -->
// 		本人订单数:{{repairLists.length}}个
//       </view>

//       <view
//         style="background-color: #f3f5f7; padding: 0rem 1rem 1rem 1rem"
//         class="repairListsP"
//       >
//         <view
//           class="repairLists"
//           v-for="(item, index) in repairLists"
//           :key="index"
//         >
//           <view  @click="orderDetailedM" class="repairLists-child">
//             <view class="repairLists-top">
//               <view style="display: flex; align-items: center">
//                 <image
//                   style="width: 1rem; ;height:1rem; margin-right: 0.3rem"
//                   src="../../style/image/order/charge.png"
//                   alt=""
//                 />
//                 <view>
//                   <span
//                     style="
//                       font-size: 0.72rem;
//                       font-family: PingFang SC;
//                       font-weight: 300;
//                       color: #02af74;
//                     "
//                     >(+{{item.modelsName}}+)</span
//                   >
//                   订单编号：<span
//                     style="
//                       font-size: 0.72rem;
//                       font-family: PingFang SC;
//                       font-weight: 300;
//                     "
//                     >{{item.orderSn}}</span
//                   >
//                 </view>
//               </view>

//               <view>{{orderStatusString(item.orderStatus)}}</view>
//             </view>

//             <view class="repairLists-head">
//               <view
//                 style="
//                   display: flex;
//                   align-items: center;
//                   justify-content: space-between;
//                   margin: 0.2rem 0rem;
//                 "
//               >
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   商户名称
//                 </view>
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   {{item.outShopName}}
//                 </view>
//               </view>
//               <view
//                 style="
//                   display: flex;
//                   align-items: center;
//                   justify-content: space-between;
//                   margin: 0.2rem 0rem;
//                 "
//               >
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   充电宝SN码
//                 </view>
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   {{item.bankSn}}
//                 </view>
//               </view>
//               <view
//                 style="
//                   display: flex;
//                   align-items: center;
//                   justify-content: space-between;
//                   margin: 0.2rem 0rem;
//                 "
//               >
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   底座SN码
//                 </view>
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   {{item.outSn}}
//                 </view>
//               </view>
//               <view
//                 style="
//                   display: flex;
//                   align-items: center;
//                   justify-content: space-between;
//                   margin: 0.2rem 0rem;
//                 "
//               >
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   租借时间
//                 </view>
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   {{item.rentDate}}
//                 </view>
//               </view>
//             </view>


//           </view>

//           <view
//             :style="{
//               display: 'flex',
//               justifyContent: 'center',
//               padding: '0.5rem',
//             }"
//           >
//             <view v-if="item.orderStatus=='timeout'" class="repairBtn">结束订单</view>
//           </view>
//         </view>
//       </view>
//     </view>

//     <view v-show="selectIfy === 2" >

//       <view style="background-color: white">

//         <u-dropdown>
//           <u-dropdown-item
//             v-model="value3"
//             title="排序"
//             active-color='#02af74'
//             :options="options3"
// 			@change="change3"
//           ></u-dropdown-item>
//         </u-dropdown>

//       </view>

//       <view
//         class="totle-price"
//         style="
//           font-size: 0.72rem;
//           padding: 0.5rem;
//           font-family: PingFang SC;
//           font-weight: 300;
//           color: #666666;
//           display: flex;
//           justify-content: center;
//         "
//       >
//         下级订单数:{{repairLists.length}}个
//       </view>

//         <view
//         style="background-color: #f3f5f7; padding: 0rem 1rem 1rem 1rem"
//         class="repairListsP"
//       >
//         <view
//           class="repairLists"
//           v-for="(item, index) in repairLists"
//           :key="index"
//         >
//           <view class="repairLists-child">
//             <view class="repairLists-top">
//               <view style="display: flex; align-items: center">
//                 <image
//                   style="width: 1rem;;height:1rem; margin-right: 0.3rem"
//                   src="../../style/image/order/charge.png"
//                   alt=""
//                 />
//                 <view>
//                   <span
//                     style="
//                       font-size: 0.72rem;
//                       font-family: PingFang SC;
//                       font-weight: 300;
//                       color: #02af74;
//                     "
//                     >代理名称</span>
                
//                 </view>
//               </view>

//               <view>{{item.userInfo.nickName}}</view>
//             </view>

//             <view class="repairLists-head">
//               <view
//                 style="
//                   display: flex;
//                   align-items: center;
//                   justify-content: space-between;
//                   margin: 0.2rem 0rem;
//                 "
//               >
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   充电宝数
//                 </view>
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   {{getNumber("1",item.terminalCountList)}}
//                 </view>
//               </view>
//               <view
//                 style="
//                   display: flex;
//                   align-items: center;
//                   justify-content: space-between;
//                   margin: 0.2rem 0rem;
//                 "
//               >
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   底座数
//                 </view>
//                 <view
//                   style="
//                     font-size: 0.72rem;
//                     font-family: PingFang SC;
//                     font-weight: 300;
//                     color: #333333;
//                   "
//                 >
//                   {{getNumber("2",item.terminalCountList)}}
//                 </view>
//               </view>
             
             
//             </view>


//           </view>


//         </view>
//       </view>



//     </view>


//   </view>
// </template>

// <script lang='ts' >
// import { Component, Prop, Vue, Watch, Emit } from "vue-property-decorator";

// import { userOrderListRenting } from "../../utils/uniApi";
// import { subsetProxyOrderList } from "../../utils/uniApi";

// @Component({
//   //   @Component  是一个装修器   不可以在下面写语句
//   name: "test",
// })
// export default class extends Vue {
//   @Prop({
//     type: String, // 父组件传递给子组件的数据类型
//     required: false, // 是否必填
//     default: " ", // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
//   })
//   msg!: string;

//   public selectIfy: any = 1;
//   public keywordOrder=''

//   public value1 = 1;
//   public value2 = 2;
//   public value3 = 1;

//   public options1 = [
   
//   ];
//   public options2 = [
    
//   ];
//   public options3 = [
// 	  {
// 	  						label: '综合',
// 	  						value: 1,
// 	  					},
// 	  					{
// 	  						label: '订单数由低到高',
// 	  						value: 2,
// 	  					},
// 	  					{
// 	  						label: '订单数由高到低',
// 	  						value: 3,
// 	  					}

//   ];

//   public repairLists = [
    
//   ];

//   created() {
	  
//   }

//   mounted() {
//     //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑
// 	this.orderListData();
//   }
//   change3(){
// 	  console.log('67687')
// 	  // console.log('+++++++++++'+value)
// 	  this.subsetProxyOrderList(orderCountDesc);
// 	  // if(value == 0){
// 		 //  this.subsetProxyOrderList(orderCountAsc);
// 	  // }else if(value == 1){
// 		 //  this.subsetProxyOrderList(orderCountDesc);
// 	  // }else if(value == 2){
// 		 //  this.subsetProxyOrderList(orderCountAsc);
// 	  // }
//   }
//   //订单状态转换
//   orderStatusString(status: string){
// 	  if(status == "timeout"){
// 		  return '超时'
// 	  } else if (status == "end"){
// 		  return '完结'
// 	  }else if (status == "ing"){
// 		  return '租赁中'
// 	  }
//   }
//   //计算充电宝或者底座的数量
//   getNumber(type:string,list:[]){
// 	  for(let item of list) {
// 	  		if(item.type == '0' && type == '1'){
// 	  					return item.terminalCount
// 	  				} else if(item.type == '1' && type == '2'){
// 						return item.terminalCount
// 					}
// 	     }
	  
//   }
//   //下级代理订单
//   subsetProxyOrderList(sort:string){
	  
// 	  let params = {
// 	    dateType: "day",    //查询条件 - 查询时间类型  yyyy-mm-dd：day     yyyy-mm：month
// 	  	queryDate:"2020-11-04", //查询时间
// 	    sortord:sort,      //查询条件-排序类型（orderCountDesc 订单数量倒序，orderCountAsc 订单数量正序）
// 	    userId:uni.getStorageSync("userId") == ""? "": parseInt(uni.getStorageSync("userId")),
// 	  };
	  
// 	  subsetProxyOrderList(params).then((res: any) => {
	  		  
// 	    // console.log('++++++++++++++++++++下级' + JSON.stringify(res.data) )
// 	      if(res.data.code==200){
	  
// 	  this.repairLists = res.data.data
// 	  // console.log("&&&&&&&&&&&&&&" + this.repairLists.length)
	      
// 	      }else{
	      
	      
// 	      }
	  
// 	  });
	  
//   }
//   //拉取网络数据
//   orderListData(shopId:int,posTypeId:int){
  	  
//   	  let params = {
//   	    dateType: "day",    //查询条件 - 查询时间类型  yyyy-mm-dd：day     yyyy-mm：month
// 		queryDate:"2020-11-04", //查询时间
//   	    orderStatus: "ing",   //查询条件 - 订单状态 timeout：超时  end：完结   ing：租赁中
//   	    pageNo: 1,
//   		pageSize: 10,
//   		// posTypeId:0, //机型id
//   		// shopId:0,//商户id
//   		userId:uni.getStorageSync("userId") == ""? "": parseInt(uni.getStorageSync("userId")),
//   	  };
	  
//   	  userOrderListRenting(params).then((res: any) => {
		  
//   	    console.log('++++++++++++++++++++本人' + JSON.stringify(res.data) )
//   	      if(res.data.message=='请求成功'){
  	  
//   	  this.repairLists = res.data.data
// 	  // console.log("&&&&&&&&&&&&&&" + this.repairLists.length)
  	      
//   	      }else{
  	      
  	      
//   	      }
  	  
//   	  });
  
//   }

//   orderDetailedM(){

//           uni.navigateTo({
//     url: '../order/orderDetaileding'
//     });

//   }

//   goBackM(){
  
//   console.log('+++++++++++租赁中页面的返回');
//          uni.navigateTo({
//     url: '../home/home'
//     });
//   }

//   busM() {
//     //方法中获取this
//     this.selectIfy = 2;
// 	this.subsetProxyOrderList(orderCountAsc);
//   }
//   pucM() {
//     this.selectIfy = 1;
// 	this.orderListData();
//   }
// }
// </script>

// <style  lang="scss"  scoped>
// .searchPP {
//   background-color: white;
//   padding: 0.5rem;

//   display: flex;
//   align-items: center;
//   border-bottom: 1px solid #e8e8e8;
// }
// .searchP {
//   background-color: white;
//   display: flex;
//   width: 100%;
//   justify-content: space-between;
// }
// .repairLists-top {
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
//   padding: 0.5rem 0.5rem;
//   border-bottom: 1px solid #e8e8e8;
// }

// .classesifyP {
//   text-align: center;
//   display: flex;
//   justify-content: center;
//   padding: 1rem;
//   background-color: white;
// }

// .classesify {
//   width: 4rem;
//   height: 1.5rem;
//   border: 1px solid #02af74;

//   display: flex;
//   align-items: center;
//   border-radius: 10px;
//   /* //   background-color: red; */
// }

// .classesify-puc {
//   width: 50%;
//   font-size: 0.6rem;
//   border-bottom-left-radius: 8px;
//   border-top-left-radius: 8px;
//   height: 100%;
//   line-height: 100%;
//   display: flex;
//   align-items: center;
//   justify-content: center;
//   background-color: #02af74;
// }
// .classesify-pucs {
//   width: 50%;
//   font-size: 0.6rem;
//   border-bottom-left-radius: 8px;
//   border-top-left-radius: 8px;
//   height: 100%;
//   line-height: 100%;
//   display: flex;
//   align-items: center;
//   justify-content: center;
//   background-color: white;
// }

// .classesify-bus {
//   width: 50%;
//   font-size: 0.6rem;
// }
// .classesify-buss {
//   width: 50%;
//   font-size: 0.6rem;
//   border-bottom-right-radius: 8px;
//   border-top-right-radius: 8px;
//   height: 100%;
//   line-height: 100%;
//   display: flex;
//   align-items: center;
//   justify-content: center;
//   background-color: #02af74;
// }

// .totle-price {
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
//   background-color: #f3f5f7;
//   padding: 0.2rem 0.5rem;
// }
// .totle-price-text {
//   font-size: 0.73rem;
//   font-family: PingFang SC;
//   font-weight: 400;
//   color: #000000;
// }
// .totle-price-text span {
//   font-size: 0.73rem;
//   font-family: PingFang SC;
//   font-weight: 300;
//   color: #000000;
// }

// .repairLists {
//   background-color: white;
//   margin-bottom: 1rem;
//   border-radius: 0.2rem;
//   /* padding: 1rem; */
//   /* margin: 1rem; */
// }

// .repairLists-child {
//   border-bottom: 1px solid #e5e5e5;
// }
// .repairLists-head {
//   padding: 1rem;
// }

// .repairBtn {
//   width: 4.5rem;
//   height: 1.5rem;
//   background: #ffffff;
//   border: 1px solid #02af74;
//   border-radius: 0.3rem;
//   font-size: 0.78rem;
//   font-family: PingFang SC;
//   font-weight: 300;
//   color: #02b074;
//   text-align: center;
//   align-items: center;
//   line-height: 1.5rem;
// }
// </style>